@charset "UTF-8";
@import "../common/scss/mobile";
@import "../common/scss/mixins";
@import "../common/scss/sprites";

body{    
	background: $bg02;
	height:100%;
}
.p-row,.r-row{

  @extend .flex-row;
  .p-label,.r-text{
    @extend .flex-item;
  }
  .price{color:$color01;}
}
.real-return{
  text-align: right;
  padding: 1rem 0;
  strong{
    color:$color01;
  }
}
.btn-full{
  display: block;
  width:100%;
}

.unsubscribe{
  
}
.p-item{
  color:$color03;
  font-size:1.5rem;
   hr{
     margin: 0.4rem 0;
   }
  .s-price{
    color:$color05;
    sub{
      font-size:$fs11;
      margin-right: 0.2rem;
    }
  }
  .quantity-form{
    margin-right: 0;
  }
}

.reason-box,.money-box,.p-list{
   padding:1rem 1.4rem;
   background-color:$bg00;
}
.reason-title{
	font-size:$fs15;
	color:$color03;
	padding-bottom:1rem;
	border-bottom:1.5px solid $border01;
}
.reason-item,.money-item{
   @extend .flex-row;
	border-top:1.5px solid $border01;
	padding:0.6rem 0;
	&:first-child{
		border-top:0;
	}
}
.item-title,.money-title{
    @extend .flex-item;
	font-size:$fs15;
	color:$color02;
	align-self:center;
}
.money-title{
	color:$color03;
}
.item-checkbox{
	align-self: center;
}
.money-value{
	color:$color05;
	font-size:$fs15;
	text-align:right;
	align-self: center;
	sub{
	   font-size:$fs11;
	}
}
.icon-checkbox{
	@include mix-checkbox-default();
}
.reason-item-checked{
	.icon-checkbox{
		@include mix-checkbox-checked();
	}
}
.reason-textarea{
   @include placeholder($color01,1.5rem);
   display:none;
   padding:1.4rem 1.4rem 0;
   textarea{
		border:1.5px solid $border01;
		background-color:$bg00;
		resize: none;
		height:8rem;
		width:96%;
		padding:2%;
		color:$color01;
		font-size:$fs15;
   }
   .countbox{
       text-align: right;
   }
   .reason-count{
		color:$color05;
   }
}
@import "../common/scss/layer";
@import "../common/scss/utilities";